.quick-login-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  background-color: #fff;
  box-shadow: rgb(227 227 227) 0 4px 11px 0;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 16px;

  &:hover {
    color: #fff;
    background-color: var(--ant-color-primary);
  }
}

:global(.dark) {
  .quick-login-item {
    background-color: var(--ant-color-primary);
    box-shadow: var(--ant-color-primary-bg-hover) 0 4px 11px 0;

    &:hover {
      background-color: var(--ant-color-primary);
    }
  }
}
